/* index-title */
.index-title {padding-top: 65px;width: 100%;text-align: center;}
.index-title h2 {color: #333;font-weight: normal;font-size: 40px;}
.index-title h2 a{text-decoration: none;color: #333;font-size: 35px;}
.index-title p{width: 100%;color: #333;font-size: 14px;margin-top: -2px;}
.news-box {margin-top: 60px;}
.containers {margin-left: auto;margin-right: auto;max-width: 1400px;min-width: 1200px;}
.clearfix {zoom: 1;}
.news-left {width: 47%;float: left;margin-left: 1%;}
.news-right {width: 45%;float: right;}

ol , ul {list-style:none;}
ul {margin:0;padding:0;}
i{font-style: normal;}



/* news-title */
.news-title {width: 100%;text-align: center;}
.news-title h2 {color: #333;font-weight: normal;font-size: 16px;}
.news-title h2 a{text-decoration: none;color: #333;font-size: 35px;}
.news-title p{width: 100%;color: #333;font-size: 14px;margin-top: -2px;}
.news-title h1 {font-size: 35px;color: #3b3b3b;padding-bottom: 5px;}


/* 导航 */
.header-nav_x{ margin-left: 30px; display: none; }
.header-nav_list ul li{ float: left; margin: 0 40px; position: relative; }
.header-nav_list ul li a{ font-size: 16px; display: block;text-decoration: none;color: #555555;}
.header-nav_list ul li>a:hover{ color: #9d5604; }
.logo {width: 222px;height: 79px;padding-left:35px}
.logo a{ display: block; }
.header-wrap{ width: 1300px; height: auto; margin: 0 auto; }
.header-nav{width: 100%;height: 83px;position: fixed;left: 0;top: 0;line-height: 82px;background: rgba(255,255,255,0.99);box-shadow: 0 1px 3px #d6cfbc;z-index: 999999;}
.fr{float:right;position: relative;}

/*BANNER*/
.BANNER{ width: 100%;overflow: hidden; height: 850px;margin-top: 84px;}
#flashs{ width: 100%;position:relative; height:850px; overflow:hidden;}
#flashs .bgitem{  z-index:1;position:absolute; top:0; }
#flashs .btn{ position:absolute; z-index:7; bottom: 20px; left:50%; margin-left:-45px; padding:0px 6px;}
#flashs .btn span{ color:#fff;  background:#202932; cursor: pointer;display: inline-block;margin:0 5px; width: 20px; height: 20px;font-size:14px; line-height: 20px;text-align:center;border-radius: 50%;}
#flashs .btn span.cur{ background:#f28818;}


/*导航*/
#top{
	height: 140px;
	width: 100%;
	background-image: url(http://www.jccxdq.com/style/images/top11.jpg);
	margin:0 auto;
	background-repeat: no-repeat;
	background-position: center center;
	font-family:Microsoft YaHei;
}
#topjz{
	height: 140px;
	width: 1200px;
	margin:0 auto;
}

#topl{
	height: 139px;
	width: 290px;
	float: left;
}
#topls{
	float: left;
	height: 25px;
	width: 290px;
}
#toplx{
	float: left;
	height: 84px;
	width: 181px;
}



#topr{
	float: left;
	height: 139px;
	width: 800px;
}
#toprs{
	float: left;
	height: 95px;
	width: 780px;
}

#dht{
	float: left;
	height: 25px;
	width: 780px;
	font-size: 14px;
	color: #666;
	padding-top: 13px;
}
#dht a:link,#dht {
	color: #666666;
	text-decoration: none;
	font-size: 16px;
}
#dht a:hover{
	color: #008173;
	font-weight: bold;
	text-decoration: none;
}





















/* news */
.news{}
.news-box{margin-top: 25px;}
.news-left{width: 47%;float: left;margin-left: 1%;}
.news-left ul{width: 100%;display: block;}
.news-left ul li{margin-bottom: 20px;}
.news-left ul li a{width: 39%;display: block;float: left;margin-right: 4%;overflow: hidden;}
.news-left ul li a img{width: 100%;height: 167px;display: block;transition: all 1s ease-out;}
.news-left ul li:hover a img{transform: scale(1.1);}
.news-left ul li h3{float: left;width:55%;line-height: 30px;}
.news-left ul li h3 a{font-size: 16px;color: #333;display: block;width: 100%;}
.news-left ul li span{display: block;font-size: 13px;color: #999;}
.news-left ul li p{float: left;width: 57%;margin-top: 13px;}
.news-left ul li p a{display: block;font-size: 14px;color: #666;line-height: 28px;width: 100%;}
.news-left ul li a:hover{color: #ff6600;}
.news-left ul li a.a01{display: block;width: 59px;height: 21px;float: left;margin-top: 28px;}
.news-left ul li:hover a.a01{margin-left: 5px;}

.news-right{width: 45%;float: right;}
.news-right ul{width: 100%;}
.news-right ul li{margin-bottom: 30px;}
.news-right ul li a:hover{color: #ff6600;}
.news-right ul li span{display: block;width: 122px;height: 85px;border: 1px solid #e2e1e1;text-align: center;padding-top: 10px;float: left;margin-right: 20px;}
.news-right ul li span i{font-size: 35px;color: #666;}
.news-right ul li span>p{font-size: 14px;color: #666;}
.news-right ul li h3{width: 430px;overflow: hidden;}
.news-right ul li h3 a{font-size: 16px;color: #333;line-height: 29px;}
.news-right ul li>p{width: 73%;overflow: hidden;margin-top: 5px;height: 50px;}
.news-right ul li>p a{font-size: 14px;color: #666;line-height: 25px;}
.news-right ul li:hover span{background: #000;}
.news-right ul li:hover span i{color: #fff;}
.news-right ul li:hover span p{color: #fff;}


/* about */
.about{width: 100%;height: 550px;margin-top: 26px;background: url(http://www.jccxdq.com/skin/images/114.jpg) no-repeat center;background-size: 100% 100%;position: relative;}
.about .index-title h2 a{color: #fff;}
.about .index-title p{color: #fff;}
.about>p{color: #fff;width: 100%;margin: 0 auto;text-align: center;line-height: 40px;margin-top: 16px;}

.about-ul{height: 165px;width: 100%;position: absolute;bottom: 0;border-top: 1px solid #a9bfd6;}
.about-ul a{height: 165px;display: block;float: left;}
.about-ul .a01{width: 33%;}
.about-ul a span{color: #fff;font-size: 14px;display: block;text-align: center;padding-top: 60px;width: 160px;}
.about-ul a span i{color: #fff;font-size: 30px}
.about-ul .a01 span{margin-right: 21%;float: right;}
.about-ul  img{margin-right: 6%;float: right;display: block;margin-top: 80px;display: none;}
.about-ul .a02{width: 30%;border-left: 1px solid #a9bfd6;border-right: 1px solid #a9bfd6;}
.about-ul .a02 span{float: right;margin-right: 21%;}
.about-ul .a03{width: 36.8%;}
.about-ul .a03 span{width: 40%;float: left;margin-left: 6%;}
.about-ul a:hover{background: #000;}
.about-ul a:hover img{display: block;}
.about-ul .a03 img{float: left;display: block;margin-top: 80px;display: none;}
.about-ul .a02 img{float: right;display: block;margin-top: 80px;display: none;}
.about-bofang{display: block;width: 73px;height: 73px;background: url(http://www.jccxdq.com/skin/images/bfico.png) no-repeat center;position: absolute;left: 50%;margin-left: -37px;top: 360px;cursor: pointer;}
.about-video{position: fixed;left: 0;top: 0;z-index: 99999;width: 100%;height: 100%;display: none;}
.about-video .sp{ width:1100px; height:500px; border:5px solid #fff; position:absolute; z-index:5; left:50%; top:50%; margin-left:-555px; background-color:#000; display:block; border-radius:5px;z-index: 99;margin-top: -250px;}
.about-video .sp img{ width:1100px; height:500px; }
.about-video .sp .close{ display:block; position:absolute; cursor:pointer; right:-30px; top:-5px;width:25px;height:25px;}


/* 伙伴 */
.hezuo{width: 100%;background-size: 100% 100%;}

.hezuo .hezuo-ul ul li{border: 1px solid #e5e2e2;width: 15.5%;float: left;margin:0 .5%;margin-top: 16px;}
.hezuo .hezuo-ul ul li a{display: block;width: 100%;overflow: hidden;}
.hezuo .hezuo-ul ul li a img{display: block;width: 100%;transition: all 1s ease-out;}
.hezuo .hezuo-ul ul li:hover a img{transform: scale(1.1);}
.hezuo h3{font-size: 34px;color: #000;text-align: center;margin-top: 45px;}

.hezuo-title h1 {font-size: 35px;color: #3b3b3b;padding-bottom: 5px;}
.hezuo-title {padding-top: 25px;width: 100%;text-align: center;}
.hezuo-title h2 {color: #333;font-weight: normal;font-size: 16px;}
.hezuo-title h2 a{text-decoration: none;color: #333;font-size: 40px;}
.hezuo-title p{width: 100%;color: #333;font-size: 14px;margin-top: -2px;}

/* 留言 */
.demand{width: 100%;height: 450px;margin-top: 26px;background: url(http://www.jccxdq.com/skin/images/lybg.jpg) no-repeat center;background-size: 100% 100%;position: relative;}
.demand-ct{width: 1200px;margin: 0 auto;}
.demand-ct .index-title{padding-top: 37px;}
.demand-ct .index-title h2{color: #fff;font-size: 45px;letter-spacing:8px;margin-top: 65px;}
.demand-ct .index-title h2 span{font-weight: bold;}
.demand-ct .index-title h2 i{font-size: 75px;color: #fff;position: relative;}
.demand-ct .index-title h2 i img{display: block;width: 27px;height: 27px;position: absolute;right: 11px;bottom: 21px;}
.demand-ct .index-title p{font-size: 25px;color: #fff;margin-top: 15px;}
.deman-input{margin-top: 50px;}
.deman-input p{float: left;margin-right: 10px;}
.deman-input p input{width: 238px;height: 48px;line-height: 48px;text-indent: 20px;background: #fff;font-size: 14px;color: #666;border: none;outline: none;border-radius:24px; }
.deman-input a{display: block;width: 140px;height: 48px;line-height: 48px;background: #003399;font-size: 14px;color: #fff;border-radius:24px;float: left;text-align: center;}
.deman-input a:hover{color: #fff;background: #ff6600;}


/* 系列 */
.product {width: 100%;background: #f8f8f8;margin: 0 auto;/* background: url(../images/banner1.jpg) no-repeat; */background-attachment: fixed;padding-bottom: 50px;/* padding-top: 10px; */}
.product-content>img { width: 100%; }
.product-content {width:80%;margin: 0 auto;}
.product-content a {float: right;font-size: 20px;color: #3b3b3b;}
.product-content-a a { margin-right: 0px; float: none; }
.product-content-a a img { width: 100%; margin: 0px !important; }
.product-content a:hover { color: #a61f24; }
.product-content a:hover span { color: #a61f24; }
.product-content a span {font-size: 18px;color: #3b3b3b;position: relative;}
.product-content a img {  margin-left: 15px; margin-right: 15px; }
.product-ul {margin-left:185px}
.product-ul ul li { float: left; width: 21.25%; margin-right: 1.23%; transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; padding-bottom: 20px; background: #f2f2f2; }
.product-ul ul li:last-child { margin-right: 0px; }
.product-ul ul li .product-ul-img { /* height: 376px; */ overflow: hidden; }
.product-ul ul li .product-ul-img img { width: 100%; transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; }
.product-ul ul li .product-ul-img video { width: 100%; transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; }
.product-ul ul .znsr{display:none; float: left; width: 18.937%; margin-right: 1.23%; transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; padding-bottom: 20px; background: #f5f5f5; }
.product-ul ul .znsr:last-child { margin-right: 0px; }
.product-ul ul .znsr .product-ul-img { overflow: hidden; }
.product-ul ul .znsr .product-ul-img img { width: 100%; transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; }
.product-ul ul .znsr .product-ul-img video { width: 135%;  /*transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s;*/ }
.product-ul-item h4 { font-size: 24px; color: #3b3b3b; padding: 10px 0;text-align: center;}
.product-ul-item p { font-size: 14px; color: #3b3b3b; padding-bottom: 10px; line-height: 26px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; line-height: 23px !important; text-align: center;}
.product-ul-item a { font-size: 14px; color: #3b3b3b; float: right; }
.product-ul-item { padding: 5px; }
.product-ul-item a img {  margin-right: 10px; }
.product-ul-item a:hover { color: #a61f24; }
.product-ul ul li:hover { transform: translateY(-10px); box-shadow: 0 0 50px 10px rgba(0, 0, 0, 0.15); }
.product-ul ul li:hover .product-ul-img img { transform: scale(1.2); }
.product-ul ul .znsr:hover { transform: translateY(-10px); box-shadow: 0 0 50px 10px rgba(0, 0, 0, 0.15); }
.product-ul ul .znsr:hover .product-ul-img img { transform: scale(1.2); }
.more-link:hover {border-color: #0a8772;}
.more-link:hover {background-color: #0a8772;}
.more-link {display: inline-block;padding: 10px 30px;line-height: 1;color: #666;border: 1px solid #999;border-radius: 30px;}
.more-link:hover {color: #fff;}

/*全景*/
.jcqj { width: 80%; margin: 30px auto 0px; }
.jcqj-img{font-size: 32px;z-index: 9;position: absolute;margin: 18px 5px;}
.jcqj-p { /*! align:center; */ font-size: 32px; color: #F00; z-index: 998; position: absolute; margin: 110px 5px;/*! width: 500px; */ z-index:1; }
.jcqj-ifra{width:100%;height:800px;}
.jcqj-if { z-index: -1; }

.cpqjt { width: 80%; margin: 30px auto 20px; }
.cpqjt-img {font-size: 32px;z-index: 9;position: absolute;margin: 18px 5px;}
.cpqjt-p { /*! align:center; */font-size: 32px;color: #F00;z-index: 998;position: absolute;margin: 110px 5px;/*! width: 500px; */}
.cpqjt-ifra{width:100%;height:630px;}
.cpqjt-if { z-index: -1; }





.about-tilt { margin-top: 26px; margin-bottom: 20px; text-align: center;padding-top: 25px;}
.about-tilt1 { margin-top: 26px; margin-bottom: 20px;text-align: center; }
.about-tilt h1 {font-size: 35px;color: #3b3b3b;/*padding-bottom: 5px;*/}
.about-tilt h2 {font-size: 16px;color: #666;/*padding-bottom: 5px; margin-top: 10PX; */}
.about-tilt1 h1 { font-size: 28px; color: #3b3b3b;/* padding-bottom: 5px; */}
.about-tilt1 h2 { font-size: 16px; color: #666; /*padding-bottom: 5px;  margin-top: 10PX; */ }





/*工程案例*/
.content { margin: 42px auto; width:80%; }
.gcal {width: 100%;height: 658px;}
.gcal_con{margin-left: auto;margin-right: auto;max-width: 1400px;min-width: 1488px;}
.tab { width: 80%; height: 36px; margin: 0 auto; height: 40px; border-bottom: 2px solid #CCCCCC; }
.tab ul { float: left; }
.tab ul li { width: 100px; border: 1 solid #333; background: #f7f7f7; display: block; font-size: 16px; float: left; line-height: 38px; text-align: center; font-weight: bold; cursor: pointer; border-right: 1px solid #CCCCCC; }
/*.tab .span { width: 200px; float: right; background: url(../../images/icon-14.png) no-repeat 165px; font-size: 20px; font-weight: 600; }
.tab .span1 { float: right;font-size: 20px; font-weight: 600; }*/
.gcal_con .content { width: 1489px;margin-top: -20px; display: none; }
/*.gcal_con .content li {width: 354px;height:255px;display: block;float: left;margin: 0 auto;margin-right: 13px;margin-left: 13px;}*/
.gcal_con .content li {width: 359px;height:255px;display: block;float: left;/* margin: 0 30px 30px 0; */margin: 0 auto;margin-left: 13px;}
.gcal_con .content li .title { width: 368px; height: 50px; line-height: 50px; text-align: center; color: #555; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.Phantoms .img { position: relative; float: left; margin-bottom: 25px;overflow: hidden;}
.Phantoms .img:nth-child(n) { margin-right: 5px; }
.Phantoms .img:last-child { margin-right: 0; border-radius:10px;}
.Phantoms .img img { width: 100%;vertical-align: middle;}
.overlay { display: block; position: absolute; z-index: 20; background: rgba(0, 0, 0, 0.47); overflow: hidden; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
a.close-overlay { display: block; position: absolute; top: 0; right: 0; z-index: 100; width: 45px; height: 45px; font-size: 20px; font-weight: 700; color: #fff; line-height: 45px; text-align: center; background-color: #3b3b3b; cursor: pointer; }
a.close-overlay.hidden { display: none; }
a.expand { display: block; position: absolute; z-index: 100; width: 60px; height: 60px; border: solid 5px #fff; text-align: center; color: #fff; line-height: 50px; font-weight: 700; font-size: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; }
#Phantom .overlay { bottom: 0; left: 0; right: 0; width: 100%; height: 0; }
#Phantom .overlay a.expand { left: 0; right: 0; bottom: 50%; margin: 0 auto -30px auto; }
#Phantom .overlay a h3 { font-size: 20px; color: #fff; text-align: center; margin-top: 100px; }
#Phantom .img.hover .overlay { height: 100%; }


/* footer */

.footer{padding-top: 50px;background: #252526;padding-bottom: 15px;}
.footerCenter ul{margin:  0 auto;width: 550px;background: url(http://www.jccxdq.com/skin/images/hg.png) no-repeat 79px;}
.footerCenter ul li{float: left;margin-left: 65px;}
.footerCenter ul li:first-child{margin-left: 0;}
.footerCenter ul li a{font-size: 14px;color: #fff;display: block;}
.footerCenter ul li:hover a{color: #ff6600;}
.footerCenter p{line-height: 25px;color: #999;font-size: 14px;text-align: center;}
.footerCenter p a{line-height: 25px;color: #999;font-size: 14px}
.footerCenter p a:hover{color: #ff6600;}
.footerCenter p.p01{margin-top: 45px;}

.footerCenter p.p02{width: 68px;margin: 0 auto;margin-top: 38px;padding-bottom: 50px;}
.footerCenter p.p02 a{width: 25px;height: 20px;display: block;background: url(../images/weixin.png) no-repeat top;float: left;margin-left: 17px;}
.footerCenter p.p02 a:hover{background: url(../images/weixin.png) no-repeat bottom;}
.footerCenter p.p02 a:first-child{margin-left: 0;background: url(../images/weibo.png) no-repeat top;}
.footerCenter p.p02 a:first-child:hover{margin-left: 0;background: url(../images/weibo.png) no-repeat bottom;}

.footerCenter p.p02{width: 68px;margin: 0 auto;margin-top: 38px;position: relative;padding-bottom: 50px;}
.footerCenter p.p02 a{width: 25px;height: 20px;display: block;float: left;margin-left: 17px;}
.footerCenter p.p02 a{margin-left: 0;background: url(../images/weibo.png) no-repeat top;}
.footerCenter p.p02 a:hover{margin-left: 0;background: url(../images/weibo.png) no-repeat bottom;}

.footerCenter p.p02 span{width: 25px;height: 20px;display: block;float: left;margin-left: 17px;background: url(../images/weixin.png) no-repeat top;}
.footerCenter p.p02 span:hover{background: url(../images/weixin.png) no-repeat bottom;}
.footerCenter p.p02 span img{display: none;width: 112px;height: 112px;position: absolute;top: -115px;left: -7px;}
.footerCenter p.p02 span:hover img{display: block;}
.footerCenter p.p02 .weixin:hover  p.p02 img{display: block;}

.footer .footer-link{position: relative;background: #003399;}
.footer .footer-link dl{width: 1100px;}
.footer .footer-link dt{float: left;}
.footer .footer-link dl dt>a{display: block;width: 84px;line-height: 55px;font-weight: bold;font-size: 14px;text-align: right;margin: 0;color: #fff;}
.footer .footer-link dl dt>a:hover{color: #ff6600;}
.footer .footer-link dl dd{float: left;}
.footer .footer-link dl dd>a{display: block;line-height: 55px;font-size: 14px;margin: 0 20px;color: #fff;float: left;}
.footer .footer-link dl dd>a:hover{color: #ff6600;}
.footer .footer-link>a{display: block;font-size: 14px;color: #fff;position: absolute;right: 20px;line-height: 55px;top: 0;}
.footer .footer-link>a:hover{color: #ff6600;}


/*返回顶部*/
.retop ul{ overflow:hidden;}
.retop li{ float:left; margin-left:10px;}
.retop li img{ display:block;}
.rtTop{ width:43px; height:43px; overflow:hidden; position:fixed; top:80%; right:40%; margin-right:-615px; cursor:pointer;  display:none;}
.rtTop h4{ width:43px; height:43px; overflow:hidden; position:relative;}
.rtTop img{ display:block; position:absolute; top:0; left:0;}






/* link */
.frlink{ background: #fff; overflow: hidden;}
.frlink .container{width: 1544px;overflow: hidden;background: #ffffff;padding: 0px 0px 20px 100px;margin-left:auto; margin-right:auto;}
.frlink .container1{ width: 1100px; overflow: hidden; background: #ffffff; padding: 20px 20px 18px 20px;}
.frlink h5{ float: left;}
.frlink h5 a{ font-size: 14px; color: #3e9801;}
.frlink ul{ overflow: hidden; margin-left: 6px;}
.frlink ul li{ float: left; margin-bottom: 6px; position: relative; left: -2px; top: 0px;}
.frlink ul li a{ display: inline-block; padding: 0px 11px; font-size: 12px; color: #333333;}